{extend name='./content'}
{block name="button"}
<div class="nowrap pull-right" style="margin-top:10px">
    <div class="layui-btn-group shop_name">
        统计金额<span>  {$sum_money} </span>人 交易笔数<span>  {$sum_order} </span>人

        <a href="{$self_url}&#38;date_type="
           class="layui-btn layui-btn-small {if $Think.get.date_type != ''}layui-btn-primary{else/}layui-btn-normal{/if}">全部</a>
        <a href="{$self_url}&#38;date_type=month"
           class="layui-btn layui-btn-small {if $Think.get.date_type != 'month'}layui-btn-primary{else/}layui-btn-normal{/if}">本月</a>
        <a href="{$self_url}&#38;date_type=week"
           class="layui-btn layui-btn-small {if $Think.get.date_type != 'week'}layui-btn-primary{else/}layui-btn-normal{/if}">本周</a>
        <a href="{$self_url}&#38;date_type=day"
           class="layui-btn layui-btn-small {if $Think.get.date_type != 'day'}layui-btn-primary{else/}layui-btn-normal{/if}">今日</a>
    </div>
    <a href="{$self_no_url}&action=dump" target="_blank" class="layui-btn layui-btn-small" style="">导出数据</a>
    <button type="button" class="layui-btn layui-btn-small layui-btn-danger" data-modal="/manage/order/del_batch">
        <i class="fa fa-remove"></i> 删除无效订单
    </button>
</div>
{/block}

{block name="content"}
<div class="step-region clearfix">
    <div class="info-region">
        <div class="info-div">订单信息<span class="secured-title">担保交易</span></div>
        <table class="info-table">
            <tbody>
            <tr><th>订单编号：</th><td>2021012120590001</td></tr>
            <tr><th>订单交易号：</th><td>161123397864811000</td></tr>
            <tr><th>订单类型：</th><td>普通订单</td></tr>
            <tr><th>订单交易时间：</th><td>2021-01-02 12:05:03</td></tr>
            <tr><th>订单标题：</th><td>thinkct授权版源码</td></tr>
            <tr><th>商品名称：</th><td><span>thinkct授权版</span></td></tr>
            <tr><th>订单价格：</th><td><span>999.00元</span></td></tr>
            </tbody>
        </table>
        <div class="dashed-line"></div>
        <table class="info-table">
            <tbody>
            <tr><th>买家ID：</th><td><span>1</span></td></tr>
            <tr><th>买家名称：</th><td><span>18798815139</span></td></tr>
            <tr><th>买家IP：</th><td><span>127.0.0.1</span></td></tr>
            <tr><th>买家联系方式：</th><td><span>xxx</span></td></tr>
            <tr>
                <th>买家留言：</th>
                <td>此订单没有留言</td>
            </tr>
            </tbody>
        </table>
        <div class="dashed-line"></div>

        <table class="info-table">
            <tbody>
            <tr>

            </tr><tr><th>卖家ID：</th><td>123&nbsp;&nbsp;</td></tr>
            <!-- 只有物流配送才有配送时间 -->
            <tr>
                <th>卖家名称：</th>
                <td>黑猫啊</td>
            </tr>
            <!-- 物流 -->
            <tr>
                <th>卖家IP：</th>
                <td>
                    <p>127.0.0.1</p>
                </td>
            </tr>
            <tr>
                <th>卖家联系方式：</th>
                <td>
                    <p>xxx</p>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="state-region">
        <div style="padding: 0px 0px 30px 40px;">
            <div class="state-title"><span class="icon info">!</span>订单状态：已关闭</div>
            <div class="state-action">
                <button type="button" class="zent-btn zent-btn-primary " onclick="order_yan()">延长交易时间</button>
                <button type="button" class="zent-btn zent-btn-primary " onclick="order_tui()">强制退款</button>
                <button type="button" class="zent-btn zent-btn-primary " onclick="order_complete()">强制交易完成</button>
            </div>
        </div>
        <div class="state-remind-region">
            <div class="dashed-line"></div>
            <div class="state-remind"><div class="tixing">商城温馨提醒：</div>
                <ul><li>如果无法发货，请及时与买家联系并说明情况后进行退款；</li>
                    <li>买家申请退款后，须征得买家同意后再发货，否则买家有权拒收货物；</li>
                    <li>买家付款后超过7天仍未发货，将有权申请客服介入发起退款维权；</li></ul>
            </div>
            <div class="dashed-line" style="margin-top:20px"></div>
        </div>
    </div>
    <div class="deal_admin">
        <div class="deal_status">
                <div class="tmain">
                    <div class="dispute_html">
                        <dl><img src="https://suzhizhan.oss-cn-beijing.aliyuncs.com/upload/user/tx/u1569891600.jpg"
                                 class="avatar">
                            <dt><cite><font color="#ff0000">对方</font></cite><cite>退款原因</cite><cite>2020-12-21
                                10:17:58</cite></dt>
                            <dd>【货不对版】若 对方 在【2天12小时32分6秒】内未申诉或申诉理由不成立，交易自动完成，款项将转入 您 的账户。若 对方
                                在【2天12小时32分6秒】内未申诉或申诉理由不成立，交易自动完成，款项将转入 您 的账户。
                            </dd>
                        </dl>
                        <dl class="fortips"><p>【2020-12-21 10:18:11】<font color="#ff0000">对方</font> 申请码发布人工客服介入该笔交易纠纷。</p>
                        </dl>
                        <dl class="fortips"><p>【2020-12-21 10:19:00】<font color="#ff0000">对方</font> 申请码发布人工客服介入该笔交易纠纷。</p>
                        </dl>
                        <dl><img src="https://suzhizhan.oss-cn-beijing.aliyuncs.com/upload/user/tx/u1569891600.jpg"
                                 class="avatar">
                            <dt><cite><font color="#ff0000">对方</font></cite><cite>退款原因</cite><cite>2020-12-21
                                10:25:40</cite></dt>
                            <dd>测试123123123</dd>
                        </dl>
                        <dl class="mine"><img src="//suzhizhan.oss-cn-beijing.aliyuncs.com/upload/user/tx/u1569916994.jpg"
                                              class="avatar">
                            <dt><cite><font color="#247fbd">您</font></cite><cite>拒绝原因</cite><cite>2020-12-21 10:30:42</cite>
                            </dt>
                            <dd>测试测试测试测试测试测试测试测试测试</dd>
                        </dl>
                        <dl class="mine"><img src="//suzhizhan.oss-cn-beijing.aliyuncs.com/upload/user/tx/u1569916994.jpg"
                                              class="avatar">
                            <dt><cite><font color="#247fbd">您</font></cite><cite>拒绝原因</cite><cite>2020-12-21 10:30:58</cite>
                            </dt>
                            <dd>测试测试测试测试测试测试测试测试测试</dd>
                        </dl>
                        <dl class="mine"><img src="//suzhizhan.oss-cn-beijing.aliyuncs.com/upload/user/tx/u1569916994.jpg"
                                              class="avatar">
                            <dt><cite><font color="#247fbd">您</font></cite><cite>拒绝原因</cite><cite>2020-12-21 10:31:13</cite>
                            </dt>
                            <dd>测试测试测试测试测试测试测试测试测试</dd>
                        </dl>
                        <textarea name="" required lay-verify="required" placeholder="请输入管理员回复信息" class="layui-textarea"></textarea>
                        <button type="button" class="layui-btn layui-btn-fluid">提交信息</button>

                    </div><!--纠纷-->
            </div>
        </div>
    </div>
</div>
<script>
    function order_yan(obj, id) {
        layer.confirm('确认要延长交易时间这个订单吗？该操作不可恢复', function (index) {
            $.ajax({
                url: "xxx",
                type: 'post',
                data: 'id=' + id,
                success: function (res) {
                    if (res.code == 1) {

                    } else {

                    }
                }
            });
        });
    }

    function order_tui(obj, id) {
        layer.confirm('确认要强制退款这个订单吗？该操作不可恢复', function (index) {
            $.ajax({
                url: "xxx",
                type: 'post',
                data: 'id=' + id,
                success: function (res) {
                    if (res.code == 1) {

                    } else {

                    }
                }
            });
        });
    }
    function order_complete(obj, id) {
        layer.confirm('确认要强制交易完成这个订单吗？该操作不可恢复', function (index) {
            $.ajax({
                url: "xxx",
                type: 'post',
                data: 'id=' + id,
                success: function (res) {
                    if (res.code == 1) {

                    } else {

                    }
                }
            });
        });
    }
</script>
{/block}
